<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib prefix="chtml" uri="http://www.szhelper.com/jsp/html"%>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta name="keywords" content="P2P运营支撑系统" />
<meta name="description" content="P2P运营支撑系统" />
<title><% if(request.getServerName().indexOf("81666")!=-1){out.println("欢迎使用上海电话投注系统"); }else{out.println("欢迎使用P2P运营支撑系统");}%></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<style type="text/css">
<!--
*{overflow:hidden; font-size:9pt;}
ul,li{list-style: none;padding: 0;margin: 0;}
body {margin:0px;background-image: url(login/images/bgg.gif);background-repeat: repeat-x; padding:0px; background:#fff;}
.input1{background:url(login/images/login.gif) center center;border:none;height:34px;width:95px;cursor:pointer;}
.int_cont{width:194px;height:30px;line-height:30px;background:url(login/images/inputbg.gif) #FFF repeat-x;border:solid 1px #d1d1d1;font-size:14px;font-family:Verdana, Geneva, sans-serif; padding:1px 6px;margin: 0}
.top_bg{height:238px;background:url(login/images/login01.jpg) no-repeat center;}
.mid_bg{background:url(login/images/login03.jpg) no-repeat;width: 518px;height:190px}
.row-1{width: 208px;}
.bt_text{background:url(login/images/login05.jpg) no-repeat top center; color:#0C99EB;font-size: 12px;height: 133px;text-align: center;line-height: 133px;}
-->
/*手机屏幕 浏览*/
@media screen and (max-width:480px){
.top_bg{height:180px;}
.mid_bg{background:#E5F8FE;width: 100%}
.bt_text{height: 83px;text-align: center;padding-top:10px;}
}
</style>
<script src="js/jquery-1.4.2.min.js"></script>
<script language="JavaScript">
<!--
	//输入框效验
	function check() {
		var validResult = true;
		if (document.passport.userId.value == "") {
			alert("请输入用户名！");
			document.passport.userId.focus();
			document.passport.userId.select();
			validResult = false;
		} else if (document.passport.secretKey.value == "") {
			alert("请输入密码！");
			document.passport.secretKey.focus();
			document.passport.secretKey.select();
			validResult = false;
		}else if (document.passport.confirmCode.value == "") {
			alert("请输入验证码！");
			document.passport.confirmCode.focus();
			document.passport.confirmCode.select();
			validResult = false;
		}
		var submitform = document.passport;
		return validResult;
	}

	//加载验证码
	function reloadImage() {
		var number = Math.random();
		document.getElementById("confirmCodeImg").src = document.forms["passport"].elements["imgurl"].value+ "?" + number;
	}

	function manualReloadImage() {
		reloadImage();
		var confirmCodeEle = document.forms["passport"].elements["confirmCode"];
		if (confirmCodeEle.type != "hidden") {
			confirmCodeEle.focus();
		}
	}
	//提交
	function submitFrm() {
		if (check()) {
			document.getElementById("passport").submit();
		}
	}
	//回车事件
	document.onkeydown = function(e) {
		if (!e)
			e = window.event;//火狐中是 window.event
		if ((e.keyCode || e.which) == 13) {
			submitFrm();
		}
	}
// -->
</script>
</head>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <div style="background:url(login/images/lbg.gif);margin: 0 auto;">
    <div style="margin:0 auto;">
    	<div class="top_bg"></div>
    	<table border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td class="row-1"></td>
                <td class="mid_bg">
				<table border="0" align="center" cellpadding="0" cellspacing="6">
				
				<form action="<chtml:path path="/" />session" method="post" name="passport" id="passport">
                  <tr>
                    <td height="37" align="right">用户</td>
                    <td><input name="userId" type="text" id="userId" title="请输入用户名！" tabindex="1" class="int_cont" value="${param.usertmp }"/></td>
                  </tr>
                  <tr>
                    <td height="37" align="right">密码</td>
                    <td><input name="secretKey" type="password" id="secretKey" value="" tabindex="2" class="int_cont" title="请输入密码！" /></td>
                  </tr>
                  <tr>
                    <td height="37" align="right">验证码</td>
                    <td>
                    	<input name="confirmCode" class="int_cont" style="width: 66px;line-height: 22px;" type="text" size="4" maxlength="4" tabindex="3" title="请输入验证码！" autocomplete="off" />
                    	<input name="imgurl" type="hidden" value='<chtml:path path="/confirmCode.jpg" />' />
						<img id="confirmCodeImg" onclick="javascript:manualReloadImage();" name="confirmCodeImg" src='<chtml:path path="/images/confirmCode.jpg" />' height="25" align="middle" border="0" />
						<a href="javascript:manualReloadImage();"><img src="images/refurbish.jpg" align="middle" border="0" /></a>
					</td>
                  </tr>
                  <tr>
                    <td height="40">&nbsp;</td>
                    <td>
                    	<input name="提交" type="submit" class="input1" value="" onfocus="this.blur()" title="登录" onclick="submitFrm();" />
					<!--<button type="reset" class="admin_login_rest_bt pointer" value="" onfocus="this.blur()" title="取消">取 消</button>-->
					</td>
                  </tr>
				  </form>
                </table></td>
                <td width="214"></td>
              </tr>
            </table>
    	<div class="bt_text">版权所有及技术支持: 上海七纪网络科技有限公司</div>
    	</div>
        </div>
    </td>
  </tr>
</table>

<script type="text/javascript" language="JavaScript">
	if ($("userId").type != "hidden") {
		$("userId").focus();
	}
	reloadImage();
</script>

</body>
</html>
